cody - HTMLify profile
cody
4270 Files
633423 Views
Latest files of /cody/swapnilsparsh/30DaysOfJavaScript/81 - Flipbook
turn.js
cody/swapnilsparsh/30DaysOfJavaScript/81 - Flipbook/turn.js
(function($) {
'use strict';
var has3d,
vendor ='',
'use strict';
var has3d,
vendor ='',
style.css
cody/swapnilsparsh/30DaysOfJavaScript/81 - Flipbook/style.css
body{
overflow: hidden;
background: url(https://images.pexels.com/photos/235985/pexels-photo-235985.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500);
background-size: cover;
height: 100vh;
width: 100vw;
}
#album{
overflow: hidden;
background: url(https://images.pexels.com/photos/235985/pexels-photo-235985.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500);
background-size: cover;
height: 100vh;
width: 100vw;
}
#album{
index.html
cody/swapnilsparsh/30DaysOfJavaScript/81 - Flipbook/index.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Flipbook</title>
<link rel= "stylesheet" href="style.css">
</head>
<body>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Flipbook</title>
<link rel= "stylesheet" href="style.css">
</head>
<body>
preview.png
cody/swapnilsparsh/30DaysOfJavaScript/81 - Flipbook/preview.png
Media file
script.js
cody/swapnilsparsh/30DaysOfJavaScript/81 - Flipbook/script.js
$('#album').turn({gradients: true, acceleration: true});